<template>
  <div>
    <NavType />
    <List />
    <Recommend />
    <Rank />
    <Like />
    <Floor v-for="floor in floorList" :key="floor.id"  :floor='floor'/>
    <Brand />
  </div>
</template>

<script>
import List from './List'
import Recommend from './Recommend'
import Rank from './Rank'
import Like from './Like'
import Floor from './Floor'
import Brand from './Brand'

import {requestFloorList} from '@/api/index'

export default {
    name:'Home',
    components:{
      List,
      Recommend,
      Rank,
      Like,
      Floor,
      Brand
    },
        data(){
        return{
            floorList:[]
        }
    },
    mounted(){
        this.getFloorList()
    },
    methods:{
        async getFloorList(){
            const re = await requestFloorList()
            // console.log(re,'rerereererer');
            this.floorList = re
        }
    }
}
</script>

<style>

</style>